﻿@{
    ViewBag.Title = "DoiMatKhau";
    Layout = "~/Views/Shared/_GiangVienClientLayout.cshtml";
    
}

<div id="gv-main-wrapper">
    @{ Html.RenderPartial("GiangVienClientMenuPartial");}


    <div id="main" class="grid_10 gvclientmain">
        <!--  start page-heading -->

        <div id="page-heading" class="box round first grid">
            <h2>Đổi mật khẩu</h2>
            <!-- end page-heading -->

            <div id="gvclientmaincontent" class="block">

                <div>
                    <div style="color: red; font-size: 14px; font-style: italic;" id="message"></div>
                    <table>
                        <tr>
                            <td>Mật khẩu cũ(*):</td>
                            <td>
                                <input type="text" id="matkhaucu" /></td>
                        </tr>
                        <tr>
                            <td>Mật khẩu mới(*):</td>
                            <td>
                                <input type="password" id="matkhaumoi" /></td>
                        </tr>
                        <tr>
                            <td>Mật khẩu mới(*)(nhập lại):</td>
                            <td>
                                <input type="password" id="matkhaumoi2" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a href="#" id="doimatkhau">Thay đổi</a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="clear">&nbsp;</div>

</div>

<script>
    $(document).ready(function () {
        $('#makhaucu').focusout(function () {
            if ($('#makhaucu').val() == "") {
                $('#message').html("Mật khẩu không được rỗng!");
                $('#makhaucu').focus();
                return;
            }
        });

        $('#matkhaucumoi2').focusout(function () {
            if ($('#matkhaucumoi').val() == "") {
                $('#message').html("Mật khẩu mới không được rỗng!");
                $('#makhaumoi').focus();
                return;
            }
            if ($('#matkhaucumoi').val() != $('#matkhaucumoi2').val()) {
                $('#message').html("Mật khẩu mới không trùng khớp!");
                $('#makhaumoi2').focus();
                return;
            }
        });
        $('#doimatkhau').click(function () {
            $('#message').html("");
            var matkhaucu = $('#matkhaucu').val();
            var matkhaumoi = $('#matkhaumoi').val();
            var matkhaumoi2 = $('#matkhaumoi2').val();
            if (matkhaucu == "" || matkhaumoi == "" || matkhaumoi2 == "") {
                $('#message').html("Vui lòng điền đầy đủ thông tin bắt buộc (*)!");
            }
            else {
                if (matkhaumoi != matkhaumoi2) {
                    $('#message').html("Mật khẩu mới không trùng khớp!");
                    $('#makhaumoi2').focus();
                    return;
                }
                else {
                    $.post("/GiangVienClient/DoiMatKhau", { matKhauCu: matkhaucu, matKhauMoi: matkhaumoi, matKhauMoi2: matkhaumoi2 }, function (data) {
                        $('#message').html(data.message);
                    });
                }
            }
        });
    });
</script>
